<template>
    <div class="box">
        <ul>
            <li v-for="(item,index) in inpmsg" :key="index">
                <img :src="item" alt="">
            </li>
        </ul>
    </div>
</template>

<script>
export default {
    props:["inpmsg"]
}
</script>

<style>
    *{
        margin: 0;
        padding: 0;
    }
    .box{
        margin: 0 auto;
        width: 1000px;
        height: 400px;
        padding-top: 40px;
    }
    li{
        width: 220px;
        list-style: none;
        float: left;
        border: 1px solid #ccc;
        padding: 7px;
        border-radius: 10px;
        margin: 5px;
    }
    li img{
        width: 200px;
        padding: 7px;
    }
</style>